<!-- 显示为值内容 -->
<table style="text-align: center;align-content: center;width:1024px;margin: auto;" *ngIf="arTableFormControls && arTableFormControls.length>0"
  [style.background-color]="flowRecordOutput&&flowRecordOutput.backgroundCorlor && !flowRecordOutput.backgroundImage?flowRecordOutput.backgroundCorlor:''"
  [style.background-image]="flowRecordOutput&&flowRecordOutput.backgroundImage ?'url('+httpService.IP_PORT+flowRecordOutput.backgroundImage+')':''">
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr *ngFor="let tableRow of arTableFormControls">
    <ng-container *ngFor="let formCol of tableRow">
      <td *ngIf="formCol.labelRowIndex && !formCol.imgPath" [attr.rowspan]="formCol.labelRowSpan" [attr.colspan]="formCol.labelColSpan!=0?formCol.labelColSpan:8"
        style="text-align: center;word-break: break-all;vertical-align: middle;min-height: 30px;" [style.height]="(formCol.inputRowSpan?formCol.inputRowSpan*40:40)+'px'">
        <!-- 标题 -->
        <span style="color: red;" *ngIf="formCol.isRequired">*</span> {{formCol.fieldCaption}}
      </td>
      <td *ngIf="formCol.labelRowIndex && formCol.imgPath" [attr.rowspan]="formCol.labelRowSpan" [attr.colspan]="formCol.labelColSpan!=0?formCol.labelColSpan:8"
        style="text-align: center;word-break: break-all;vertical-align: middle;min-height: 30px;" [style.height]="(formCol.inputRowSpan?formCol.inputRowSpan*40:40)+'px'">
        <!-- 标题是图片 -->
        <img style="width: 100%;height: auto; max-width: 300px; max-height: 300px;" class="avatar" [src]="httpService.IP_PORT+formCol.imgPath">
      </td>
      <td *ngIf="formCol.inputRowIndex" [attr.colspan]="formCol.inputColSpan!=0?formCol.inputColSpan:16" [attr.rowspan]="formCol.inputRowSpan"
        style="text-align: center;vertical-align: middle;" [style.height]="(formCol.inputRowSpan?formCol.inputRowSpan*40:40)+'px'">
        <ng-container [ngSwitch]="formCol.fieldType">
          <!-- 文件上传 -->
          <span *ngSwitchCase="11">
            <p>
              <a [href]="getFileUrl(formCol.fieldName)" target="_blank">{{getFileName(formCol.fieldName)}}</a>
            </p>
          </span>
          <!-- 多选框 -->
          <nz-checkbox-group *ngSwitchCase="3" [(ngModel)]="focusEntity[formCol.fieldName]">
            <ng-container *ngFor="let option of formCol.fieldData">
              <label nz-checkbox nzDisabled [nzValue]="option.dValue">
                <span>{{option.caption}}</span>
              </label>
            </ng-container>
          </nz-checkbox-group>
          <!-- 头像 -->
          <img *ngSwitchCase="10" style="width: 100%;height: auto; max-width: 300px; max-height: 300px;" class="avatar"
            [src]="focusEntity[formCol.fieldName]">
          <!-- radio -->
          <nz-radio-group *ngSwitchCase="4" [(ngModel)]="focusEntity[formCol.fieldName]">
            <ng-container *ngFor="let option of formCol.fieldData">
              <label nz-radio nzDisabled [nzValue]="option.dValue">
                <span>{{option.caption}}</span>
              </label>
            </ng-container>
          </nz-radio-group>
          <!-- 日期 -->
          <span *ngSwitchCase="8">
            {{focusEntity[formCol.fieldName] | date:'yyyy-MM-dd'}}
          </span>
          <span *ngSwitchDefault>
            {{focusEntity[formCol.fieldName]}}
          </span>
        </ng-container>
      </td>
    </ng-container>
  </tr>
</table>
